/**
 *
 * @param target，元素动画要到达的目标位置 
 * 
 */
function animate(target) {
    // 清理可能存在的定时器
    clearInterval(timeId);

    // 定时器
    timeId = setInterval(function () {
        // 拿到box盒子原来的位置
        // let current = box.offsetLeft;
        let current = getComputedStyle(box)['left'];
        // console.log(current);

        // 变成数字
        current = parseFloat(current);
        // console.log(current);

        // 计算下一个位置：当前要走多远
        // （目标 - 当前位置） * 0.1
        let step = (target - current) * 0.1
        // console.log(step);

        // 让step变成整数：向上取整（当前是向右移动）
        if (step > 0) {
            // 往右走
            step = Math.ceil(step);
        }
        else {
            // 往左走
            step = Math.floor(step);
        }

        // 移动元素：修改元素的行内样式
        box.style.left = current + step + 'px';

        console.log(step, current);

        // 结束定时器：current == 600 || step == 0
        if (step == 0) {
            clearInterval(timeId);
        }
    }, 20);
}